<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<!--
        	作者：13024022425@163.com
        	时间：2017-10-23
        	描述：引入angularjs
        -->
	<script src="../js/angular.min.js" type="text/javascript" charset="utf-8"></script>
	<!--
    	作者：13024022425@163.com
    	时间：2017-10-23
    	描述：引入angularjs路由包
    -->
	<script src="../js/angular-route.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div ng-app="myApp">
			<!--
            	作者：13024022425@163.com
            	时间：2017-10-23
            	描述：页头
            -->
			<div>
				<a href="#/">首页</a>
				<a href="#/computers">电脑管理</a>
				<a href="#/moneys">财务管理</a>
				
			</div>
			<hr />
			<!--
            	作者：13024022425@163.com
            	时间：2017-10-23
            	描述：内容
            -->
            <div ng-view=''>
            	
            </div>
            <!--
            	作者：13024022425@163.com
            	时间：2017-10-23
            	描述：页脚
            -->
           <hr />
            <div id="">
            	<h3>页脚</h3>
            	
            </div>
		</div>
		<script type="text/javascript">
			//注入路由模块
			var myApp = angular.module('myApp',['ngRoute'])
			//在模块对象上初始化控制器
			.config(['$routeProvider',function ($routeProvider) {
				$routeProvider
				.when('/',{template:'我是首页页面'})
				.when('/computers',{templateUrl:'06.html'})
				.when('/moneys',{templateUrl:'07.html'})
				//没有对应的页面信息就默认首页
				.otherwise({redirectTo:'/'});
			}]);
		</script>
	</body>
</html>
